<template>
  <div>
    <input v-model="name">
    <div>{{str}}</div>
    <div>{{strTypeFormat}}</div>
  </div>
</template>

<script>
export default {
  props: {
    str: String,
    strType: String
  },
  data () {
    return {
      name: this.str
    }
  },
  computed: {
    strTypeFormat () {
      return this.strType.toUpperCase()
    }
  }
}
</script>

<style>

</style>
